

*{
	margin: 0;  padding: 0;  border: 0; list-style: none;
}
body{
	font: "微软雅黑", Helvetica, Arial, "sans-serif"; font-size: 20px;
	background-color: #184353;
	position: relative;
}
a{
	text-decoration: none;
	color: #C5C3C0;
}

input,textarea{
	outline: none;
}
a:hover{
	color: white;
	
}
/*全局配置*/


/*head begin*/
   
		header{
			width: 100%;
			height: 130px;
			background: #171A21;
			margin: 0 auto;
			position: relative;
			
		}
		header .img{
			width: 255px;
			height: 110px;
			line-height: 65px;
			text-align: center;
			position: absolute;
			top: 5px;
			left: 610px;
			margin-left: -30px;
			
			
			
		}
		
		header .con{
			width: 100%;
			margin: 0 auto;
			position: absolute;
			top: 10px;
	
}
		
		header .con .left{float: left;}
		header .con .right{float: right;}
		header .con .left li {
			float: left;
			line-height: 46px;
			margin-left: 100px;
			height: 46px;
			padding-top: 67px;
			
					
		}
		header .con .right li{
			float: right;
			line-height: 46px;
			margin-right: 100px;
			height: 46px;
			padding-top: 67px;
		
		}



/*header end*/

/*nav begin*/
	#nav_{
			width: 100%;
			height: 800px;
			position: relative;
			
		}
		#nav_header_mid{
			width: 30%;
			position: absolute;
			top: 35px;
			right: 40px;
			height: 38px;
			background-color: #284488;
			border-radius: 15px;
			box-shadow: -5px -5px 10px 2px white inset;
		
			
		}
		#nav_header_mid .import li a{
			float: left;
			color: white;
			margin-right: 30px;
			line-height: 38px;
			margin-left: 80px;
			display: inline-block;
			
		}
#nav_header_mid .import li a:hover{
	background-color: white;
	color: #284488;
}

		#nav_banner{
			width: 100%;
			height: 810px;
			background: url("../img/banner.jpg") no-repeat;
			background-size: 100% 100%;
		}
/*nav end*/




/*content begin*/
  #con{
			width: 100%;
			height: 1920px;
			color: aliceblue;
			position: relative;		
			margin: 0 auto;
/*			background-color: blueviolet;	*/
		}
		#con_left{
			width: 170px;
			height: 500px;
			background-color: #184353;
			float: left;
			position: absolute;
			top: 30px;
			left: 15px;
			padding: 10px 0 0 0;
			
		}
		#con_right{
			width: 88%;
			height: 1750px;
/*			background-color:deeppink;*/
			float: right;
			margin: 10px 0 0 0;
		}
		#con_left ul li:hover{
			width: 100%;
			background: white;
			font-weight: bolder;
			font-size: 27px;
		}
		#con_left ul li a{
			color: #66C0E8;
		}

				
		.shopping-car a:hover{
			background-color: antiquewhite;
		}
		
		
		
		#con_right .con_right_newGames .newGames_list ul li,#con_right .con_right_freeGames .freeGames_list ul li{
			display: inline-block;
			margin: 20px;
		}





/*content end*/
#con{
			color: aliceblue;
			position: absolute;
			margin: 0 auto;
		}
		#con .game .newgames ,#con .game .freegames {
			margin: 50px;

		}

/*content end*/

/*footer begin*/
		 footer{
			width: 100%;
			height: 100px;
/*			margin-top: 100px*/
			color: gray;
			background-color: #171A21;
			text-align: center;
		}
		footer .footer_content{
/*			width: 1200px;*/
			height: 100px;
/*
			margin: 0 auto;
			position: relative;
*/
			
		}	
		footer p{
			line-height: 100px;
			color: gray;
			
		}
		#news ul{
			
		}
		#news ul li{
			float: left;
		}
		
		.new{
			width: 800px;
			height: 500px;
			position: relative;
		}
		
		
		.new .news1  li{
			float: left;
			width: 100%;
			height: 100%;
			
		}
		.news1 li img{
			position: absolute;
			width: 800px;
			height: 500px;
		}
		.news1 li:nth-of-type(1) img{
			position: absolute;
			top: 60px;
			/* display: none; */
		}
		.news1 li:nth-of-type(2) img{
			position: absolute;
			top: 60px;
			display: none;
			float: left;
		/* 	overflow: hidden; */
		}
		.news1 li:nth-of-type(3) img{
			display: none;
			/* overflow: hidden; */
			position: absolute;
			float: left;
			top: 60px;
		}
		.news1 li:nth-of-type(4) img{
			display: none;
			/* overflow: hidden; */
			position: absolute;
			float: left;
			top: 60px;
		}
		
		.news2{
			width: 150px;
			position: absolute;
			bottom: -60px;
			left: 720px;
		}
		
		.news2 li{
			display: inline;
			width: 50px;
			height: 50px;
			/* bottom: 100px; */
			
			
		}
		
		.news2 li a{
			
			display: inline-block;
			width: 20px;
			height: 30px;
			background-color: #000000;
			color: white;
			text-align: center;
			line-height: 20px;
			/* bottom: 500px; */
		}
		.VR{
			margin-top:120px ;
		}
		
		.VR p{
			font-size: 50px;
			padding-left:  300px;
		}
		.VR img{
			padding-left: 400px;
		}
		/* .bbb{
			width: 1050px;
			height: 1050px;
			border: red solid 6px;

		} */

/*footer end*/